﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>JQuery Test Page</title>
<!-- jquery ui -->
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/ui-lightness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>

<body>
<script>
function addNewButton() 
{
  var mydiv = $(document.createElement("div"));
  mydiv.id = "dialognew";
  mydiv.title = "New Dialog";
  $(mydiv).html("<iframe src='portal/bbwbhp1.html' frameborder='0' height='100%' width='100%' scrolling='auto'></iframe>");
  $(mydiv).dialog({title:"New Dialog",height:500,width:700,modal:true});
};
</script>

<script>  
$(function() {
  $("#dialogperf").dialog({
    autoOpen: false,
    height: 500,
    width: 700,
    modal: true
    });

  $("#openerperf").click(function() {
    $("#dialogperf").dialog("open");
    });
    
  $("#dialogportal").dialog({
    autoOpen: false,
    height: 500,
    width: 700,
    modal: true
    });
    
  $("#openerportal").click(function() {
    $("#dialogportal").dialog("open");
    });
    
  });
</script>

<div id="dialogportal" title="CRM Information">
  <iframe src="/portal/bbwbhp1.html" frameborder="0" height="100%" width="100%" scrolling="auto"></iframe>
</div>

<div id="dialogperf" title="Performance Stats">
  <iframe src="/mrtg/bbwbhp1.html" frameborder="0" height="100%" width="100%" scrolling="auto"></iframe>
</div>

<button id="openerperf" style="width:250px">Open Performance Dialog</button><br /><br />
<button id="openerportal" style="width:250px">Open CRM Information Dialog</button><br /><br />
<button onclick="addNewButton();" style="width: 250px">Create New Dialog</button><br /><br />
<button onclick="var mydiv = $(document.createElement('div'));$(mydiv).html('<iframe src=\'portal/bbwbhp1.html\' frameborder=\'0\' height=\'100%\' width=\'100%\' scrolling=\'auto\'></iframe>');$(mydiv).dialog({title:'Inline Dialog',height:500,width:700,modal:true});" style="width: 250px">Inline Create</button>
</body>

</html>
